<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />

</head>

<body>
    <div class="box">
        <div class="iconfont icon-xiangzuojiantou fanhui"></div>
        <div class="top">
            个人资料
        </div>
        <div class="body">
            <input type="file" id="upload">
            <!-- 头像 -->
            <div id="showTou" role="button" aria-haspopup="listbox"
            class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd"><label class="weui-label">更换头像</label></div>
            <div class="weui-cell__bd">
                <div class="weui-select head">
                    <img class="headImg" src="../../assets/imgs/cat.jpg" alt="">
                </div>
            </div>
        </div>
            <!-- 昵称 -->
            <label for="js_input1" class="weui-cell weui-cell_active">
                <div class="weui-cell__hd"><span class="weui-label">昵称</span></div>
                <div class="weui-cell__bd ">
                    <input id="js_input1" class="weui-input nickname" placeholder="用户名" />
                </div>
            </label>
            <!-- 性别 -->
            <div id="showSex" role="button" aria-haspopup="listbox"
                class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd"><label class="weui-label">性别</label></div>
                <div class="weui-cell__bd">
                    <div class="weui-select sex">请选择</div>
                </div>
            </div>
            <!-- 生日 -->
            <div id="showBirthday" role="button" aria-haspopup="listbox"
                class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd"><label class="weui-label">生日</label></div>
                <div class="weui-cell__bd">
                    <div class="weui-select brith">请选择</div>
                </div>
            </div>
            <!-- 省份 -->
            <div id="showCity" role="button" aria-haspopup="listbox"
                class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd"><label class="weui-label">所在省份</label></div>
                <div class="weui-cell__bd">
                    <div class="weui-select  city" >请选择</div>
                </div>
            </div>
            <!-- 城市 -->
            <div id="showCity2" role="button" aria-haspopup="listbox"
                class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd"><label class="weui-label">所在城市</label></div>
                <div class="weui-cell__bd">
                    <div class="weui-select city2">请选择</div>
                </div>
            </div>

            <div class="weui-cells__group weui-cells__group_form">
                <div class="weui-cell__hd sign"><span class="weui-label">个人签名</span></div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_active">
                        <div class="weui-cell__bd">
                            <textarea class="weui-textarea qianming" Maxlength="20" placeholder="请填写个人签名" rows="3"></textarea>
                            <div role="option" aria-live="polite" class="weui-textarea-counter"><span class="aa">0</span>/20</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn">保存修改</div>
        
    </div>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>

</body>

</html>
<!-- 头像 -->
<!-- <div class="tou"></div> -->
<!-- 昵称 -->
<!-- <div class="nickname"></div> -->
<!-- 性别 -->
<!-- <div class="gender"></div> -->
<!-- 生日 -->
<!-- <div class="birthday"></div> -->
<!-- 所在城市 -->
<!-- <div class="city"></div> -->
<!-- 个人简介 -->
<!-- <div class="intro"></div> -->
<!-- 保存信息 -->
<!-- <div class="save"></div> -->